<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Moto官网-Moto智能手机官方网站</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<script src="scripts/jquery-3.2.1.min.js"></script>
</head>
<body>
	<div class = 'moto-index-bg'>
		<!-- 头部 -->
		<div class="global-top">
			<div class="global_top_wrap">
				<div class="top_links">
					<a href="../firstpage/index.html">Moto官网</a>
					<span>|</span>
					<a href="">购买渠道</a>
					<span>|</span>
					<a href="">服务与支持</a>
					<span>|</span>
					<a href="">开发者平台</a>
					<span>|</span>
					<a href="">应用商店</a>
					<span>|</span>
					<a href="https://www.lenovo.com.cn/">联想官网</a>
				</div>
				<div class="login_box">
					<a href="">注册</a>
					<a href="" class="url_login">登录</a>
					<a href="">Z码通道</a>
				</div>
			</div>
		</div>
		<div class = 'global-header'>
			<div class = 'svgImage'>
				<svg width = '34' height = '102'>
					<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://image.motorola.com.cn/shop_v4/images/motoImages/lenovo-logo-vertical.svg" src="http://image.motorola.com.cn/shop_v4/images/motoImages/lenovo-logo-vertical.png" width="34" height="102"></image>
				</svg>
			</div>
			<div class = 'wrapper'>
				<a href="http://localhost/motorola/firstpage/index.html" class="logo" title="moto官网">
					<img src="images/logo.png">
				</a>
				 <ul class = 'nav_wrap'>
					<li>
						<a href="#" id="moto_mobile">手机</a>
						<div class="sub-shouji-nav">
							<span class="sanjiao_shouji"></span>
							<div class="shouji-sub-item">
								<ul>
									<li>
										<a href="">
											<img src="images/l1.png">
											<h4 class="title">moto z 2018 鎏金黑</h4>
											<div class="price-box">
												¥
												<span class="price">9999</span>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l2.png">
											<h4 class="title">moto 青柚 玫瑰金</h4>
											<div class="price-box">
												¥
												<span class="price">1599</span>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l3.png">
											<h4 class="title">moto 青柚 玫瑰金</h4>
											<div class="price-box">
												¥
												<span class="price">2999</span>
										  		<del>¥
										  			<span>3299</span>
										  		</del>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l4.png">
											<h4 class="title">moto z² play 电池模块套装</h4>
											<div class="price-box">
												¥
												<span class="price">2999</span>
										  		<del>¥
										  			<span>3699</span>
										  		</del>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l5.png">
											<h4 class="title">moto z标准版</h4>
											<div class="price-box">
												¥
												<span class="price">2699</span>
										  		<del>¥
										  			<span>3999</span>
										  		</del>
										  	</div>
										</a>
									</li>
								</ul>
							</div>		
						</div>
					</li>
					<li>
						<a href="#" id="moto_mods">Moto Mods</a>
						<div class="sub-motomods-nav">
							<span class="sanjiao_motomods"></span>
							<div class="motomods-sub-item">
								<ul>
									<li>
										<a href="">
											<img src="images/l11.png">
											<h4 class="title">摩景-360°全景摄影模块</h4>
											<div class="price-box">
												¥
												<span class="price">1799</span>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l22.png">
											<h4 class="title">摩电Turbo-快充电池模块</h4>
											<div class="price-box">
												¥
												<span class="price">549</span>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l33.png">
											<h4 class="title">模块优惠套装</h4>
											<div class="price-box">
												¥
												<span class="price">4946</span>
										  		<del>¥
										  			<span>5496</span>
										  		</del>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l44.png">
											<h4 class="title">摩眼-哈苏摄影模块</h4>
											<div class="price-box">
												¥
												<span class="price">2999</span>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l55.png">
											<h4 class="title">摩眼-哈苏摄影模块</h4>
											<div class="price-box">
												¥
												<span class="price">1999</span>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l66.png">
											<h4 class="title">摩眼-哈苏摄影模块</h4>
											<div class="price-box">
												¥
												<span class="price">699</span>
										  	</div>
										</a>
									</li>
								</ul>
							</div>		
						</div>
					</li>
					<li>
						<a href="#" id="moto_parts">精品配件</a>
						<div class="sub-motoparts-nav">
							<span class="sanjiao_motoparts"></span>
							<div class="motoparts-sub-item">
								<ul>
									<li>
										<a href="">
											<img src="images/l111.png">
											<h4 class="title">Motorola MX30 全数字Type-c 耳机</h4>
											<div class="price-box">
												¥
												<span class="price">2499</span>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l222.png">
											<h4 class="title">moto 360</h4>
											<div class="price-box">
												¥
												<span class="price">799起</span>
												<del>¥
										  			<span>1799</span>
										  		</del>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l333.png">
											<h4 class="title">moto 360 sport</h4>
											<div class="price-box">
												¥
												<span class="price">899</span>
										  		<del>¥
										  			<span>1999</span>
										  		</del>
										  	</div>
										</a>
									</li>
									<li>
										<a href="">
											<img src="images/l444.png">
											<h4 class="title">JBL L20R 耳机</h4>
											<div class="price-box">
												¥
												<span class="price">99</span>
										  	</div>
										</a>
									</li>
								</ul>
							</div>		
						</div>
					</li>
					<li><a href="#">模块定制</a></li>
					<li><a href="#">Moto社区</a></li>
				</ul>
			</div>				
			
			
		</div>
		<!-- 中部 -->
		<div class="banner">
		</div>
		<!-- 底部 -->
		<div class="footer">
			<div class="promise-box">
				<ul>
					<li class="promise-box1">
						<a href="">
							<span class="proic1"></span>
							<strong>满98元免运费</strong>
						</a>
					</li>
					<li class="promise-box2">
						<a href="">
							<span class="proic2"></span>
							<strong>7天无理由退货</strong>
						</a>
					</li>
					<li class="promise-box3">
						<a href="">
							<span class="proic3"></span>
							<strong>15天免费换货</strong>
						</a>
					</li>
					<li class="promise-box4">
						<a href="">
							<span class="proic4"></span>
							<strong>700余家售后网点</strong>
						</a>
					</li>
				</ul>
			</div>
			<div class="footer_up">	
				<div class="col-wrapper">
					<div class="footer_logo">
						<img src="images/logo.png">
					</div>
					<dl class="col-links1">
						<dt>关于我们</dt>
							<dd><a href="#">发展经历</a></dd>
					</dl>
					<dl class="col-links2">
						<dt>媒体中心</dt>
							<dd><a href="#">官方视频</a></dd>
							<dd><a href="#">媒体报告</a></dd>
							<dd><a href="#">产品美图</a></dd>
					</dl>
					<dl class="col-links3">
						<dt>购买渠道</dt>
							<dd><a href="#">体验中心</a></dd>
							<dd><a href="#">线上销售平台</a></dd>
							<dd><a href="#">线下零售店</a></dd>
					</dl>
					<dl class="col-links4">
						<dt>服务与支持</dt>
							<dd><a href="#">售后政策</a></dd>
							<dd><a href="#">购买指南</a></dd>
							<dd><a href="#">销售网点</a></dd>
					</dl>
					<dl class="col-links5">
						<dt>关注我们</dt>
							<dd><a href="#">官方微博</a></dd>
							<dd><a href="#">官方微信</a></dd>
							<dd><a href="#">官方社区</a></dd>
					</dl>
				</div>
			</div>
			<div class="footer_down">
				<div class="infor">
					<div class="infor-left">
						<div class="language">
							<p class="country-ico"></p>
							<p class="country-change">中文&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;<a href="">更改</a></p>
						</div>
						<p class="shuoming">
								所有手机均由 Motorola Mobility LLC 设计及生产，Motorola Mobility LLC 是 Lenovo 的全资子公司。<br><br><br>Copyright © 2017 Motorola Mobility LLC. 版权所有，本公司保留所有权利  ICP备案证书号：京ICP备09071891号-6  摩托罗拉移动技术（中国）有限公司北京分公司
						</p>
					</div>
					<div class="infor-right">
						<div class="col-contact">
							<p>400-889-9090</p>
							<span>周一至周日 9:00-21:00</span>
						</div>
						<a href=""><span class="kefu"></span></a>
					</div>
				</div>
			</div>
		</div>
</body>
</html>

<script type="text/javascript">	
	// 导航---手机栏弹出事件
	 $('.nav_wrap').children().eq(0).mouseenter(function(){
	 	// for (var i = 0; i < 3; i++) {
			// 	$('.nav_wrap').children().eq(i).stop()
			// }
	 	$('.sub-shouji-nav').slideDown("fast")
	 	$('.nav_wrap').children().eq(0).mouseleave(function(){
	 		$('.sub-shouji-nav').slideUp("normal")
		 })
	 })
	// 导航---Moto-Mods栏弹出事件
	 $('.nav_wrap').children().eq(1).mouseenter(function(){
	 	// for (var i = 0; i < 3; i++) {
			// 	$('.nav_wrap').children().eq(i).stop()
			// }
	 	$('.sub-motomods-nav').slideDown("fast")
	 	$('.nav_wrap').children().eq(1).mouseleave(function(){
	 		$('.sub-motomods-nav').slideUp("normal")
		 })
	 })
	// 导航---精品配件栏弹出事件
	 $('.nav_wrap').children().eq(2).mouseenter(function(){
	 	// for (var i = 0; i < 3; i++) {
			// 	$('.nav_wrap').children().eq(i).stop()
			// }
	 	$('.sub-motoparts-nav').slideDown("fast")
	 	$('.nav_wrap').children().eq(2).mouseleave(function(){
	 		$('.sub-motoparts-nav').slideUp("normal")
		 })
	 })
</script>